<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的小店</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="header">
    <div class="wrapper">
        <div id="main-header">
            <div id="login" class="float">
                <a href="login.html">登录</a>
            </div>
            <h1 class="float">我的小店</h1>
            <div id="cart" class="float">
                <a href="cart.html">购物车：￥<span id="total-price">0.00</span>(<span id="total-num">0</span>件)</a>
            </div>
            <p id="clear-cart">清空购物车</p>
        </div>
        <ul id="nav">
            <li class="selected"><a href="index.html">首页</a></li>
            <li id="makeup">
                <a href="">美妆商城</a>
                <div id="submenu">

                </div>
            </li>
            <li><a href="special-sale.html">特卖商场</a></li>
            <li><a href="single.html">新品上市</a></li>
            <li><a href="products.html">潮人推荐</a></li>
            <li><a href="">进口免税店</a></li>
        </ul>
    </div>
</div>
<div id="new-product">
    <div class="wrapper">
        <div class="sale bg1">
            <h4>特卖专场</h4>
        </div>
        <div class="sale bg2">
            <h4>新品上市</h4>
        </div>
        <div class="sale bg3">
            <h4>进口免税</h4>
        </div>
    </div>
</div>
<div id="product">
    <div class="wrapper">
        <div class="product-info">
            <img src="img/bs1.jpg" alt="">
            <span class="new">NEW</span>
            <div class="product-detail">
                <h3>美宝莲好气色轻唇膏</h3>
                <h3>￥<span class="price">136.00</span></h3>
                <input type="text" value="1"><br>
                <button class="add">添加到购物车</button>
            </div>
        </div>
        <div class="product-info">
            <img src="img/bs1.jpg" alt="">
            <span class="new">NEW</span>
            <div class="product-detail">
                <h3>美宝莲好气色轻唇膏</h3>
                <h3>￥<span class="price">136.00</span></h3>
                <input type="text" value="1"><br>
                <button class="add">添加到购物车</button>
            </div>
        </div>
        <div class="product-info">
            <img src="img/bs1.jpg" alt="">
            <span class="new">NEW</span>
            <div class="product-detail">
                <h3>美宝莲好气色轻唇膏</h3>
                <h3>￥<span class="price">136.00</span></h3>
                <input type="text" value="1"><br>
                <button class="add">添加到购物车</button>
            </div>
        </div>
        <div class="product-info">
            <img src="img/bs1.jpg" alt="">
            <span class="new">NEW</span>
            <div class="product-detail">
                <h3>美宝莲好气色轻唇膏</h3>
                <h3>￥<span class="price">136.00</span></h3>
                <input type="text" value="1"><br>
                <button class="add">添加到购物车</button>
            </div>
        </div>
        <div class="product-info">
            <img src="img/bs1.jpg" alt="">
            <span class="new">NEW</span>
            <div class="product-detail">
                <h3>美宝莲好气色轻唇膏</h3>
                <h3>￥<span class="price">136.00</span></h3>
                <input type="text" value="1"><br>
                <button class="add">添加到购物车</button>
            </div>
        </div>
        <div class="product-info">
            <img src="img/bs1.jpg" alt="">
            <span class="new">NEW</span>
            <div class="product-detail">
                <h3>美宝莲好气色轻唇膏</h3>
                <h3>￥<span class="price">136.00</span></h3>
                <input type="text" value="1"><br>
                <button class="add">添加到购物车</button>
            </div>
        </div>
    </div>
</div>
<div id="problem">
    <div class="wrapper">
        <ul class="problem-menu">
            <li><a href="" class="menu-bold">购物指南</a></li>
            <li><a href="">用户注册</a></li>
            <li><a href="">服务协议</a></li>
            <li><a href="">优惠券使用详细</a></li>
        </ul>
        <ul class="problem-menu">
            <li><a href="" class="menu-bold">购物指南</a></li>
            <li><a href="">用户注册</a></li>
            <li><a href="">服务协议</a></li>
            <li><a href="">优惠券使用详细</a></li>
        </ul>
        <ul class="problem-menu">
            <li><a href="" class="menu-bold">购物指南</a></li>
            <li><a href="">用户注册</a></li>
            <li><a href="">服务协议</a></li>
            <li><a href="">优惠券使用详细</a></li>
        </ul>
        <ul class="problem-menu">
            <li><a href="" class="menu-bold">购物指南</a></li>
            <li><a href="">用户注册</a></li>
            <li><a href="">服务协议</a></li>
            <li><a href="">优惠券使用详细</a></li>
        </ul>
        <ul class="problem-menu">
            <li><a href="" class="menu-bold">购物指南</a></li>
            <li><a href="">用户注册</a></li>
            <li><a href="">服务协议</a></li>
            <li><a href="">优惠券使用详细</a></li>
        </ul>
    </div>
</div>
<div id="footer">
    <div class="wrapper">
        <h3>我的小店</h3>
        <h4>Copyright © 2017.我的小店</h4>
    </div>
</div>

<script src="javascript/index.js"></script>
</body>
</html>